body{color: #333;font-size:14px;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;font-weight: 400;word-break: break-all;}
a:active{color: #666;}
a:link,a:visited{color: #333;}
a:hover {color: #F01414;}

a.clo3,.clo3{color: #333;}
a.clo6,.clo6{color: #666;}
a.clo9,.clo9{color: #999;}
a.red,.red{color: #ff6464;}
a.clof,.clof{color: #fff;}
a.orange,.orange{color:#ff7545;}
a.yellow,.yellow{color:#da8e34;}
a.green,.green{color:#54c445;}
a.blue,.blue{color: #39b5f2;}
.bgf8{background-color: #f8f8f8;}
.center{text-align: center;}
.u,a.u{text-decoration: underline;}
.relative {position: relative;}
.absolute {position: absolute;}
.fleft {float: left;}
.fright {float: right;}
.tright{text-align: right;}
.tleft{text-align: left;}
.fontn{font-weight: 400;font-style: normal;}
.ml10{margin-left: 10px; }
.mr5{margin-right: 5px; }
.mr10{margin-right: 10px; }
.mr20{margin-right: 20px; }
.ml20{margin-left: 20px; }
.ml30{margin-left: 30px;}
.mt5{margin-top: 5px;}
.mb5{margin-bottom: 5px;}
.ml5{margin-left: 5px;}
.mt10{margin-top: 10px;}
.mtb10{margin: 10px 0;}
.mb10{margin-bottom: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt80{margin-top: 80px;}
.mb30{margin-bottom: 30px;}
.ptb10{padding: 10px 0;}
.ptb20{padding: 20px 0;}
.pd15{padding: 15px;}

.pl15{padding-left: 15px;}
.pd20{padding: 20px;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}
.font60{font-size: 40px;}
.fontb{font-weight: 700;}
.flex{display: flex;}
.flex1{flex: 1;}
.vmiddle{vertical-align: middle;}
.vsub{vertical-align: sub;}
.vtop{vertical-align: text-top;}
.iblock{display: inline-block;}
.hide {display: none;}
.table{width: 100%;}
.table td{word-break: break-all;}
.pointer{cursor: pointer;}
.bb{border-bottom: 1px solid #eee;}
.ove{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 90%;display: inline-block;}
.ove2{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.clearfix:after,#box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { *zoom: 1;}
.require:before,.nrequire:before{content: '*';color:#ff0000;font-size: 18px;margin-right:10px;vertical-align: sub; }
.nrequire:before{color:transparent;}

.user-bg{background-color: #f8f8f8;min-height:100vh;overflow: hidden;}

.input,.select{-webkit-appearance: none;-moz-appearance: none;width:460px;line-height:30px;padding:3px 10px;border: 1px solid #eeeeee;border-radius: 8px;box-sizing: border-box; }
.select{width:130px;background: url("../../starability-images/icon-select-down.png") no-repeat 95% center;}
.checkbox,.radio{-webkit-appearance: none;-moz-appearance: none;width: 16px;height: 16px;border: 1px solid #ccc;vertical-align: sub;margin-right: 5px;outline: none;  }
.radio{width: 14px;height: 14px;border-radius: 50%;}
.radio{display: inline-block;vertical-align: middle;}
.checkbox:checked{border-color: transparent;background: url("../../starability-images/icon-checked.jpg") no-repeat center center/contain;}
.radio:checked,.radio.checked{ border: none; background: url("../../starability-images/icon-radio-checked.jpg") no-repeat center center/contain; }
.input-dark{background-color: #fcfcfc;padding:7px 10px;border-color: #ccc;}
/*轮播*/
.slide-wrap{overflow: hidden;position: relative;z-index:0;}
.slide-wrap>.img-wrap{overflow: hidden;height: 300px;}
.slide-wrap>.img-wrap>li{float: left;position: relative;}
.slide-wrap>.img-wrap>li .content{position: absolute;left:0;bottom:0;color: #fff;font-weight: 700;z-index: 99;background: linear-gradient(-180deg,transparent,rgba(0,0,0,.5));line-height: 40px;padding-left: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;box-sizing: border-box;padding-bottom: 5px;font-size: 15px;}
.slide-wrap>.img-wrap>li>a{display: inline-block;width: 100%;height: 100%;}
.slide-wrap>.img-wrap>li img{width: 100%;height:300px;}
.slide-wrap>.circle-wrap{position: absolute;display:flex;justify-content:space-around;flex-direction:column;right:0;top:0;bottom:0;min-width:45px;background-color:rgba(0,0,0,0.8);}
.slide-wrap>.circle-wrap>li{flex:1;text-align: center;cursor: pointer;transition: all 0.8s;}
.slide-wrap>.circle-wrap>li>a{display:inline-block;width:100%;height:40px;line-height:40px;color: #fff;}
.slide-wrap>.circle-wrap>li.hover a{background: #38b5f3;}
/*.slide-wrap.book-slide>.img-wrap>li{float: none;}*/
.slide-wrap.book-slide>.img-wrap>li img{width: auto;height: 280px;vertical-align: top;max-width: 400px;}
.slide-wrap.book-slide .book-circle-wrap{text-align: center;position: relative;width: 500px;}
.slide-wrap.book-slide .book-circle{display:inline-block;overflow: hidden;text-align: center;padding: 10px 20px;border: 1px dashed #ccc;}
.slide-wrap.book-slide .book-circle li{display: inline-block;padding: 5px;}
.slide-wrap.book-slide .book-circle li.hover{border: 1px solid #ff7700;}
.slide-wrap.book-slide .book-circle li a{display: inline-block;width: 100%;height: 66px;}
.slide-wrap.book-slide .book-circle li a img{height: 66px;vertical-align: top;max-width:50px;}
/*
.slide-wrap.book-slide .book-circle-wrap .book-prev,.slide-wrap.book-slide .book-circle-wrap .book-next{display:inline-block;position: absolute;width: 50px;height: 90px;background: url("../../images/disabled-prev.png") no-repeat center center;transition: all 0.3s;}
.slide-wrap.book-slide .book-circle-wrap .book-prev{left: 0;}
.slide-wrap.book-slide .book-circle-wrap .book-prev:hover{left: 0;background-image: url("../../images/disabled-prev_h.png");}
.slide-wrap.book-slide .book-circle-wrap .book-next{right: 0;background-image: url("../../images/disabled-next.png");}
.slide-wrap.book-slide .book-circle-wrap .book-next:hover{background-image: url("../../images/disabled-next_h.png");}
*/
/*登录提示*/
#loadingTips{display:none;position: fixed;z-index:99999;top: 20vh;min-width: 100px;min-height:100px;left: 50%;transform:translate(-50%,0);border-radius: 5px;text-align: center;background-color: rgba(0,0,0,0.5);padding: 15px;}
#loadingTips:before{content: '';display:inline-block;width:80px;height:80px;background:url("../../images/loading.png") no-repeat center center/contain;margin-top: 10px;animation: rotated 1s infinite;}
#loadingTips.wrong:before{background-image: url("../../images/wrong.png");animation: none;}
#loadingTips p{text-align: center;padding: 10px 0;color: #fff;}
.rotating,.rotating:before{display:inline-block;animation: rotated 0.8s linear infinite;}
@keyframes rotated {0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}

.btn{
    display: inline-block;
    min-width: 100px;
    padding: 0 10px;
    box-sizing: border-box;
    height:38px;
    line-height: 36px;
    font-size: 15px;
    border-radius: 20px;
    text-align: center;
    margin-right: 10px;
    background-color: transparent;
    cursor: pointer;
}
.btn:visited,.btn:link{
    color: #fff;
}
.common-btn,.disabled-btn,a.common-btn,a.disabled-btn{
    display: inline-block;
    height: 40px;
    line-height:40px;
    min-width: 120px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    background-color: #ff7200;
    border-radius: 8px;
    text-align: center;
}
.orange-btn{
    color: #fff;
    background-color:#ff8561;
}
.ccc-btn{
    color: #fff;
    background-color:#ccc;
}
.red-border-btn,.red-border-btn:visited,.red-border-btn:link{
    color:#ff6464;
    border:1px solid;
    box-sizing: border-box;
}

.blue-btn{
    color: #fff;
    background-color:#39b5f2;
}
.blue-border-btn{
    color: #39b5f2;
    border: 1px solid;
    box-sizing: border-box;
    background-color: transparent;
}
.blue-change-btn{
    color: #fff;
    background-image:linear-gradient(to right, #39b5f2,#3991f2);
}
.disabled-border-btn{
    color: #999;
    border-color: #999;
    box-sizing: border-box;
}

.disabled-btn{
    background-color: #ccc;
}

/*自动消失的提示框*/
#clearpop{position:fixed;left:50%;top:50%;margin-left:-60px;margin-top:-15px;z-index:99999;text-align:center}
#clearpop p{display:inline-block;min-width:100px;padding:8px 15px;font-size:16px;font-weight:bold;line-height:1.2;border-radius:5px;background:#333;color:#fff;opacity:0.9}

/*分页*/
.paging{margin: 30px auto 60px;text-align: center;display:none;}
.paging button{padding:5px 10px;background-color: #fff;border: 1px solid #ccc;color: #666;border-radius: 5px;vertical-align: middle;-webkit-appearance: none;margin-right: 5px;user-select:none;min-width: 30px;box-sizing: border-box;}
.paging button.current,.paging button.hover,.paging button:hover{background-color: #3990f2;color: #fff;border-color: #3990f2;outline: none;}
.paging input{width: 40px;height:30px;padding: 2px;border-radius: 5px;-webkit-appearance: none;outline: none;border: 1px solid #999;box-sizing: border-box;}
.paging .total{font-size: 14px;color: #666;}
.paging button:disabled,.paging button:disabled:hover{opacity:0.9!important;background-color:transparent;border-color: #ccc;color: #ccc;}

/*中间弹出层*/
.popCenter{
    position: fixed;
    width: 580px;
    height: 360px;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #aaa;
    padding: 40px;
    box-sizing: border-box;
}
.popCenter .close{
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}
.popCenter .input{
    width: 480px;
    height: 40px;
    font-size: 15px;
}
.popCenter .cannot-see{
    position: absolute;
    right: 60px;
    top:10px;
    cursor: pointer;
}
/*编辑器*/
.vue-editor .ql-align-center{
    text-align: center;
}
.vue-editor .ql-align-right{
    text-align: right;
}
.vue-editor pre.ql-syntax {
     background-color: #23241f;
     color: #f8f8f2;
     overflow: visible;
     margin-bottom: 5px;
     margin-top: 5px;
     padding: 5px 10px;
 }
.vue-editor a{
    text-decoration: underline;
}
.vue-editor a,.vue-editor a:visited,.vue-editor a:link{
    color: #06c;
}
.vue-editor a:hover{
    color: #F01414;
}
/*统计样式隐藏*/
#cnzz_stat_icon_1274934546{display:none;}

.edui-editor-iframeholder{
    border-bottom: 1px solid #ccc;
}
.dplayer:-webkit-full-screen{
    max-width: none!important;
    max-height: 98%;
}